<template>
  <div class="about">
    <img class="about-bg" src="../../assets/img/about/aboutBG.png" />
    <!-- 背景 -->
    <div style="width: 100%;height: 474px;  ">
      <img src="../../assets/img/about/Bolangxianbg.png" style="width: 100%;height: 100%;" />
      <div style="margin-top: -420px; width: 100%;height:300px ;" class="juzhong">
        <img src="../../assets/img/about/aboutChengli.png" style="width: 540px;height: 300px;" />
        <div style="margin-left: 40px;">
          <div class="titlebiaoti">成立背景</div>
          <div class="chenglibeijingEn">Background</div>
          <div class="chenglibeijingneirong">
            金融资产交易中心是我国金融体系中的重要组成部分，对于完善我国多层次的金融市场，补充融资途径有着非常重要的意义，其经省人民政府批准设立，开展基础资产交易、权益资产交易及信息撮合业务根据《金融企业国有资产转让管理办法》（财政部令第54号），文件中明确规定金融非上市企业国有产权的转让应当在依法设立的省级以上产权交易机构公开进行。
            为了使市场机制在金融资产优化配置过程中发挥关键作用，有效防范金融资产交易风险，服从服务于国家宏观调控和产业结构调整，促进以金融市场为中心的金融机构组织体系建设，根据财政部相关批复精神，江西省人民政府批准设立的金融资产交易服务机构——宜春联合信用资产交易中心（宜金中心）。宜金中心于2020年7月29日在江西省南昌市注册成立，9月20日正式揭牌运营。
          </div>
        </div>
      </div>
    </div>

    <!-- 定位使命 -->
    <div style="width: 100%;height: 423px;  ">
      <img src="../../assets/img/about/aboutdingweishiming.png" style="width: 100%;height: 100%;" />
      <div style="margin-top: -423px; width: 100%;height:287px;" class="juzhong">
        <div style="width: 1200px; text-align: center;padding: 75px;">
          <div class="titlebiaoti" style="color: #FFFFFF;">定位和使命</div>
          <div class="chenglibeijingEn" style="color: #F8F8F8;">Positioning & mission</div>
          <div class="dingweishimingneirong">
            宜春联合信用资产交易中心有限公司是经宜春市政府金融工作办公室批准设立的综合性金融资产交易平台，拥有国家财政部门指定的金融企业资产交易资质，是具有政府公信力的规范化、市场化、现代化的金融创新企业，定位于建成全国性、专业化、独立公开的金融资产和金融产品交易机构。核心团队包括业务、投行、市场、技术、风控等，分支机构遍布上海、青岛等地，经营团队高效精干，是一支精通金融、法律、资产交易、财务专业知识的人才队伍。
          </div>
        </div>
      </div>
    </div>

    <!-- 公司文化 -->
    <div style="height:1200px;width: 100%;">
      <div class="juzhong">
        <div style=" width: 1200px;height:1200px; background-color: #ffffff;">
          <!-- <div class="titlebiaoti" style="margin-top: 42px;">组织架构</div>
          <div class="chenglibeijingEn">Organisation structure</div>
 -->
          <div style="width: 100%;height: 596px;margin-top: 30px;  display: flex;">
            <div class="gongsiwenhu" style="padding-left: 65px;">
              <div class="titlebiaoti" style="margin-top: 70px;">公司文化</div>
              <div style="margin-top: 15px;background: #007DD0;width: 75px;height: 2px;" ></div>
              <div class="chenglibeijingEn">Company culture</div>
              <div class="chenglibeijingneirong" style="margin-top: 80px;width: 405px;color: #666666;">
               宜金所以“共创、共建、共享、创新、创业、创造”为企业文化，坚持以金融创新引领交易所发展，以技术创新支撑交易所发展；以服务市场需求为导向，以解决客户痛点为目的，不断创新业务模式；持续建设金融资产交易生态体系。同时，宜金所始终以风险可控为底线，以“安全生产一万天”为目标，健全风控制度、强化风控意识、倡导风控文化，实施全员风控、全流程风控，向风控要效益，以风控论英雄。
              </div>
              <div style="display: flex;">
                <div style="width: 1px;height: 21px;background-color: #8A8A8A;"></div>
                <img src="../../assets/img/about/aboutyou.png" style="width: 11px;height: 21px;margin-left: 15px;" />
              </div>

            </div>


            <img src="../../assets/img/about/aboutwenhua1.png" style="width: 340px;height: 381px;margin-top: 171px;margin-left: -510px;" />
            <img src="../../assets/img/about/aboutwenhua2.png" style="width: 340px;height: 381px;margin-top: 70px;" />
          </div>
          <div style="width: 100%;margin-top: 30px; text-align: center;">
            <div class="titlebiaoti">业务范围</div>
            <div class="chenglibeijingEn">SCOPE of business</div>
            <div class="chenglibeijingEn" style="padding-left: 100px;padding-right: 100px;margin-top: 20px;color: #343434;">
              定向融资工具备案业务，为在中国境内依法注册的股份有限公司或有限责任公司在中国境内以非公开方式发行和转让，约定在一定期限还本付息的债务融资·
 金融产品挂牌登记业务，以基础资产产生的现金流为有偿支持，形成金融产品进行交易，为金融产品提供备案、挂牌、转让等服务。
投资银行业务，以交易平台为基础，整合优质资源，为企业提供财务顾问、项目融资、上市辅导、并购重组等一站式融资解决方案和增值服务。
 </div>

            <div style="display: flex;justify-content:space-around;width: 100%;margin-top: 180px; " >

              <div style="width: 134px;height: 210px;">

                <img src="../../assets/img/about/zichan@2x.png" style="width: 132px;height: 153px;" />
                <div class="titlebiaoti" style="color: #163EA0;font-size: 16px;margin-top: 10px;line-height: 36px;">资产挂牌交易</div>
                <div class="chenglibeijingEn" style="margin-top: 5px;color: #163EA0;">Listing of assets</div>
              </div>
             <div style="width: 194px;height: 210px;">
               <img src="../../assets/img/about/jinrongchanpintianchong@2x.png" style="width: 132px;height: 153px;" />
               <div class="titlebiaoti" style="color: #163EA0;font-size: 16px;margin-top: 10px;line-height: 36px;">债权融资计划</div>
               <div class="chenglibeijingEn" style="margin-top: 5px;color: #163EA0;">Debt financing scheme</div>
             </div>

             <div style="width: 134px;height: 210px;">
               <img src="../../assets/img/about/zichanziranziyuanfendengjidingjiagujia@2x.png" style="width: 132px;height: 153px;" />
               <div class="titlebiaoti" style="color: #163EA0;font-size: 16px;margin-top: 10px;line-height: 36px;">资产收益权</div>
               <div class="chenglibeijingEn" style="margin-top: 5px;color: #163EA0;">Interest on assets</div>
             </div>

             <div style="width: 134px;height: 210px;">
               <img src="../../assets/img/about/qiyetouzixinxichaxun@2x.png" style="width: 132px;height: 153px;" />
               <div class="titlebiaoti" style="color: #163EA0;font-size: 16px;margin-top: 10px;line-height: 36px;">投资银行</div>
               <div class="chenglibeijingEn" style="margin-top: 5px;color: #163EA0;">Investmfnt bank</div>
             </div>


            </div>


          </div>



        </div>
      </div>
    </div>

    <!-- 组织架构 -->
    <div style="  margin-top: 10px; height: 832px;width: 100%;">
      <img src="../../assets/img/about/jiagoubg.png" style="width: 100%;height: 100%;" />

      <div style="margin-top: -832px;text-align: center;" class="juzhong">
        <div>
          <div class="titlebiaoti" style="margin-top: 42px;">组织架构</div>
          <div class="chenglibeijingEn">Organisation structure</div>

          <img :src="imageurl" style="width: 953px;height: 593px;margin-top: 40px;" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import { getZuzhijiagoutupian } from "@/api/vipapi.js";
export default {
  name: 'About',
  components: {},
  data() {
    return {
      sousuoneirong: '',
      PageName: 'ddd',
      activeName: 'first', //选中了哪里
      imageurl: ''
    };
  },
  computed: {},
  watch: {},
  methods: {
    getdata(){
      const _self = this;
        getZuzhijiagoutupian({

         }).then((res) => {
           let { success, message } = res.data;
           if (success) {

             this.imageurl = res.data.message;


           } else {
             _self.$message.error(message);
           }
         });
    },

    Sousuo() {
    },
    handleClick(tab, event) {
    }
  },
  created() {
    this.getdata();
  },
  mounted() {
  }
};
</script>

<style lang="less">
.about {
  background-color: #ffffff;

  .is-active {
    color: #ffffff !important;
    background-color: #1d3f95 !important;
    border-radius: 10px 10px 0px 0px;
  }
  .el-tabs__item {
    color: #1d3f95;
    padding: 0;
    width: 120px;
    text-align: center;
    height: 42px;
  }
  .el-tabs__nav-wrap::after {
    background-color: #1d3f95;
  }
  .el-tabs__active-bar {
    background-color: #1d3f95;
  }
}
.wlmainW {
  width: 1200px;
}
.Navsousuo {
  width: 1200px;
  height: 70px; 
  padding: 16px;
}
.about-bg {
  width: 100%;
  min-width: 1920px;
  min-height: 370px;
}
.header {
  width: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
}
.footer {
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: -120px;
}
.juzhong {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.titlebiaoti {
  margin-top: 15px;
  height: 23px;
  font-size: 24px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}

.chenglibeijingEn {
  margin-top: 10px;
  height: 13px;
  font-size: 16px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #8a8a8a;
  line-height: 30px;
  opacity: 0.66;
}
.chenglibeijingneirong {
  margin-top: 30px;
  width: 603px;
  height: 182px;
  font-size: 14px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #666666;
  line-height: 24px;
}
.dingweishimingneirong {
  margin-top: 30px;
  height: 74px;
  font-size: 14px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  opacity: 0.8;
}
.gongsiwenhu {
  width: 1031px;
  height: 596px;
  background-color: #f3f5f7;
}
</style>
